﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:tb="http://www.hardcodet.net/taskbar"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	x:Class="FBApp.NotificationBalloon"
	x:Name="UserControl" MinWidth="225" Width="237.334">
	
	<UserControl.Resources>
		    <Storyboard
		      x:Key="FadeInAndOut">
		      <DoubleAnimationUsingKeyFrames
		        BeginTime="00:00:00"
		        Storyboard.TargetName="LayoutRoot"
		        Storyboard.TargetProperty="(UIElement.Opacity)">
		        <SplineDoubleKeyFrame
		          KeyTime="00:00:00"
		          Value="0" />
		        <SplineDoubleKeyFrame
		          KeyTime="00:00:01"
		          Value="0.895" />
		        <SplineDoubleKeyFrame
		          KeyTime="00:00:3"
		          Value="0.895" />
		        <SplineDoubleKeyFrame
		          KeyTime="00:00:5.6000000"
		          Value="0" />
		      </DoubleAnimationUsingKeyFrames>
		    </Storyboard>
	</UserControl.Resources>
	
  <UserControl.Triggers>
    <EventTrigger
      RoutedEvent="tb:TaskbarIcon.BalloonShowing">
      <BeginStoryboard
        Storyboard="{StaticResource FadeInAndOut}"
        x:Name="FadeInAndOut_BeginStoryboard" />
    </EventTrigger>
  </UserControl.Triggers>

	<Grid x:Name="LayoutRoot">
		<Border x:Name="border" BorderBrush="#FF3B5998" BorderThickness="1" Margin="0" CornerRadius="4" Background="#FFE1E6EE" MinHeight="42">
			<Border.Effect>
				<DropShadowEffect/>
			</Border.Effect>
			<Grid Margin="0">
				<Image x:Name="img" HorizontalAlignment="Left" Margin="8,8,0,8" Width="17" Source="/FBApp;component/Resources/Images/notification.png" VerticalAlignment="Top"/>
				<TextBlock x:Name="txtNotification" TextWrapping="Wrap" Text="Terrance Harris commented on your wall post." Margin="29,8,9,6" d:LayoutOverrides="Height" Foreground="#FF3B5998" FontFamily="lucida grande"/>
			</Grid>
		</Border>
	</Grid>
</UserControl>